/* custom TEMP styles for brand campaign 220928 */
/* new colors */
/* resetting */
h1:after,
h2:after,
h3:after,
.lead-form h2:after {
  content: "";
  margin-top: 0;
}
/*framework*/
#header,
#view-footer {
  background: #133552;
}
#view-footer {
  padding-top: 45px;
}
#optionalHeaderMenu {
  display: none;
}
#site-overlaymenu .inner-container {
  background: #133552;
}
#site-overlaymenu .sitenav-sitemenuarrowinner {
  border-top-color: #133552 !important;
}
/* hide effects */
#footer-head {
  display: none;
}
/* buttons */
#ctabutton3,
#show-login,
.button-primary a,
.button-basic a {
  border-radius: 25px;
  font-weight: 500;
}
#show-login {
  background: Transparent!important;
  border: 1px solid #fff;
}
.button-basic a {
  border-color: #133552;
  color: #133552;
}
/* row styles */
.lead-form {
  padding: 0;
}
.background-beige .container {
  background-color: #f9e6d9;
}
.background-pink .container {
  background-color: #f8e8e8;
}
.primary-lightblue .container {
  background-color: #d9effa;
}
/* lead form */
.lead-form.background-pink input,
.lead-form.background-pink textarea {
  border: 0!important;
  border-radius: 4px;
}
.lead-form.background-pink #ctabutton3 {
  background: #c33c66 !important;
}
.lead-form.background-pink a {
  color: #c33c66 !important;
}
.lead-form.primary-lightblue input,
.lead-form.primary-lightblue textarea {
  border: 0!important;
  border-radius: 4px;
}
.lead-form.primary-lightblue #ctabutton3 {
  background: #133552 !important;
}
.lead-form.primary-lightblue a {
  color: #0066a5 !important;
}
@media only screen and (min-width: 767px) {
  .lead-form.primary-lightblue {
    margin-top: 30px;
  }
}
/* front page */
/* cards */
.carousel-card {
  background: #f3f0f1;
}
.contentlist-carousel a:hover h3 {
  color: #c33c66;
}
.slick-slide {
  background: #f3f0f1;
  border-radius: 4px;
  box-shadow: 0px 0px 0px #fff;
}
.slick-dots li {
  background: #f3f0f1 !important;
}
.slick-dots li.slick-active {
  background: #c33c66 !important;
}
.slick-dots li:hover {
  background: #e72b6e !important;
  cursor: pointer;
}
/* hero */
.row-hero-image {
  background: #133552 !important;
}
.row-hero-image .editor-rte {
  background: transparent!important;
  text-shadow: 0px 0px 0px #fff !important;
}
.row-hero-image .editor-rte .summary {
  font-weight: 300;
}
.row-hero-image .editor-rte .button-primary a {
  text-transform: none!important;
  background: #c33c66;
}
.row-hero-image .editor-rte .button-primary a:hover {
  background: #e72b6e !important;
}
@media only screen and (max-width: 767px) {
  .container-hero-image .container .row-hero-image {
    background: #133552;
  }
  .container-hero-image .container .row-hero-image .editor-rte h1 {
    margin-bottom: 15px;
  }
  .container-hero-image .container .row-hero-image .editor-rte .summary {
    font-size: 1em;
    font-weight: 300;
  }
}
@media only screen and (min-width: 767px) and (max-width: 950px) {
  .row-hero-image .editor-rte {
    max-width: 70%;
  }
}
@media only screen and (min-width: 950px) {
  .row-hero-image .editor-rte {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .row-hero-image .editor-rte {
    max-width: 50%;
    padding-left: 60px!Important;
  }
}
/* banners below hero */
body.Home .product-banners .icon-banner-widget {
  margin-top: 15px;
}
body.Home .product-banners .icon-banner-widget h3 {
  color: #c33c66;
  font-size: 1.14em;
}
body.Home .product-banners .icon-banner-widget h3:after {
  content: "\f8ce";
  font-size: 20px;
  font-weight: 700;
  color: #c33c66;
  margin-left: 4px;
  font-family: 'Material Icons';
}
body.Home .product-banners .icon-banner-widget:hover {
  background: #f8e8e8;
  margin: 0 -30px 0 -30px;
  padding: 30px!important;
}
@media only screen and (max-width: 767px) {
  body.Home .product-banners .icon-banner-widget {
    margin-top: 0;
    padding-bottom: 0;
  }
}
/* quick facts row */
.bg-image-fixed {
  padding-top: 100px;
  padding-bottom: 100px;
}
.white-text .container {
  text-shadow: 0px 0px 0px #fff;
}
/* 3 news items (aktuelt ) */
.homepage-basic-card h2 {
  margin-left: 15px;
}
.homepage-basic-card .contentlist-item {
  background: transparent;
  box-shadow: 0px 0px 0px #fff;
  padding: 0 15px;
  overflow: visible;
}
.homepage-basic-card .contentlist-item h3 {
  color: #133552;
  position: relative;
  overflow: visible;
  font-size: 1.14em;
}
.homepage-basic-card .contentlist-item h3:before {
  content: "\f8ce";
  font-size: 20px;
  font-weight: 700;
  color: #c33c66;
  font-family: 'Material Icons';
  position: absolute;
  left: -23px;
  top: 0;
}
.homepage-basic-card .contentlist-item .short-summary {
  padding-bottom: 0;
}
.homepage-basic-card .contentlist-item:hover h3 {
  color: #c33c66;
}
@media only screen and (min-width: 767px) {
  .homepage-basic-card .contentlist-item {
    flex: calc(33% - 30px);
    max-width: 33.3%;
  }
}
/* end front page */
/* all products page */
.roundcorners .image-container {
  border-radius: 10px;
  overflow: hidden;
}
.pinkheading h2,
.pinkheading h3 {
  color: #c33c66;
}
.pinkheading .button-basic {
  display: block;
  overflow: hidden;
  padding-top: 10px;
}
/* custom banner for marketplace */
.beige-2-col-banner .row {
  background: #f9e6d9;
  border-radius: 10px;
}
.beige-2-col-banner .button-primary a {
  background: #c33c66;
  font-size: 0.875em;
  margin-top: 10px;
}
.beige-2-col-banner .button-primary a:hover {
  background: #e72b6e;
}
@media only screen and (max-width: 1023.5px) {
  .beige-2-col-banner {
    text-align: center;
    margin: 0 30px;
  }
  .beige-2-col-banner .image-container {
    margin-top: 30px;
    margin-bottom: -30px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .beige-2-col-banner {
    /*
        .col-md-6{
            position:relative;
            overflow:visible;
            top:0;
            .image-container{
                position:absolute;
                top:-500%;
                overflow:hidden;
                max-width:600px;
            }
        }*/
  }
  .beige-2-col-banner .container {
    overflow: visible;
    margin-top: 30px;
    padding: 10px 30px!important;
  }
  .beige-2-col-banner .row {
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
  }
  .beige-2-col-banner .image-container {
    max-width: 500px;
    margin: 0 auto;
  }
}